<template>
  <div class="page-header">
    <div class="top">
      <a @click="$router.push({ path: '/' })" class="logo">
        <img width="100%" height="100%" src="../../assets/logo.png" alt="" />
      </a>
      <search class="search" />
    </div>
  </div>
</template>

<script>
import search from "../PageHeader/Search";
export default {
  components: {
    search,
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.page-header {
  background: #fff;
  height: 132px;
  .top {
    max-width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    .logo {
      display: inline-block;
      // background: red;
      width: 172px;
      height: 62px;
    }
    .search {
      margin: 0 0 0 178px;
    }
  }
}
</style>
